//flex 弹性盒子

.flex {
  display: flex;
}

.flex-1 {
  flex: 1;
}

.justify-end {
  justify-content: flex-end;
}

.justify-between {
  justify-content: space-between;
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.inline-flex {
  display: inline-flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrap-nowrap {
  flex-wrap: nowrap;
}

.justify-center {
  -webkit-box-pack: center;
  justify-content: center;
}

.space-around {
  justify-content: space-around;
}

.items-center {
  align-items: center;
}

.item-start {
  align-items: flex-start;
}

//宽度样式
.w-full {
  width: 100% !important;
}

.w-full-30 {
  width: 30% !important;
}

.w-full-40 {
  width: 40% !important;
}

.w-full-50 {
  width: 50% !important;
}

.w-full-60 {
  width: 60% !important;
}

.w-full-70 {
  width: 70% !important;
}

.w-15 {
  width: 15px !important;
}

.w-50 {
  width: 50px !important;
}

.w-100 {
  width: 100px !important;
}
.w-160 {
  width: 160px !important;
}

.w-200 {
  width: 200px !important;
}

.w-300 {
  width: 300px !important;
}

.w-330 {
  width: 330px !important;
}

.w-340 {
  width: 340px !important;
}

.w-400 {
  width: 400px !important;
}

.w-500 {
  width: 500px !important;
}

.h-full {
  height: 100% !important;
}

.h-full-50 {
  height: 50% !important;
}

.h-full-60 {
  height: 60% !important;
}

.h-600 {
  height: 600px !important;
}

.h-500 {
  height: 500px !important;
}

.h-400 {
  height: 400px !important;
}

.h-300 {
  height: 300px !important;
}

.h-350 {
  height: 350px !important;
}

.h-50 {
  height: 50px !important;
}

.h-47 {
  height: 47px !important;
}

.h-32 {
  height: 32px !important;
}

.h-15 {
  height: 15px !important;
}

.h-5 {
  height: 5px !important;
}

//间距样式
.pt-2 {
  padding-top: 2px;
}

.pt-10 {
  padding-top: 10px;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pr-10 {
  padding-right: 10px;
}

.pr-20 {
  padding-right: 20px !important;
}

.p-10 {
  padding: 10px 10px;
}

.p-20 {
  padding: 20px 20px;
}

.p-5-10 {
  padding: 5px 10px;
}

.mt-2 {
  margin-top: 2px;
}

.mt-3 {
  margin-top: 3px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-2 {
  margin-left: 2px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px;
}

.m-5 {
  margin: 5px 5px;
}

.m-20 {
  margin: 20px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.mr-10 {
  margin-right: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.m-10 {
  margin: 10px 10px;
}

.font-12 {
  font-size: 12px !important;
}

.font-14 {
  font-size: 14px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-28 {
  font-size: 28px !important;
}

.cursor {
  cursor: pointer;
}

.cursor:hover {
  color: var(--el-color-primary-light-3);
}

.text-center {
  text-align: center;
}
//边框样式
.border-1 {
  border: 1px solid #e4e7ed;
}

.br-4 {
  border-radius: 4px !important;
}

.border-tlr-1{
  border-top: 1px solid #e4e7ed;
  border-left: 1px solid #e4e7ed;
  border-right: 1px solid #e4e7ed;
}

.border-blr-1{
  border-bottom: 1px solid #e4e7ed;
  border-left: 1px solid #e4e7ed;
  border-right: 1px solid #e4e7ed;
}

.border-b-1 {
  border-bottom: 1px solid #e4e7ed;
}

.overflow-y {
  overflow-y: auto;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list-none {
  list-style-type: none;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}


.nowrap {
  white-space: nowrap;
}